<template>
  <popup :show="show">
    <view class="column-center text-32">
      <view v-if="uploadProgress < 100">{{ otherLang.uploading }}</view>
      <view v-else>{{ otherLang.analysing }}</view>

      <view style="width: 180px;height: 136px;margin: 10rpx 0" class="center">
        <image v-if="uploadProgress < 100" class="wh-full" src="/static/gif/upload.gif"/>
        <image v-else style="height: 50px;width: 180px" src="/static/gif/analysis.gif"/>
      </view>

      <view>{{ uploadName }}</view>
      <view style="width: 100%;margin-top: 36rpx" class="zh-CN">
        <progress :percent="uploadProgress" border-radius="50px" stroke-width="10" color="#117EFF"/>
      </view>
    </view>
  </popup>
</template>

<script>
import Popup from "@/components/popup/popup.vue";

export default {
  components: {Popup},
  data() {
    return {};
  },
  props: {
    uploadName: {
      type: String,
      default: ""
    },
    show: {
      type: Boolean,
      default: false
    },
    uploadProgress: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style lang="scss">

</style>
